/**
* 功能描述：时间选择器组件
* @author jin xiaohang
*
* @date 2022/9/28 14:23
* @version 1.0
*/
<template>
    <div class="yw-time-picker">
        <div class="yw-time-picker-input-wrap">
            <input type="text" class="yw-time-picker-input" placeholder="请选择时间" />
        </div>
        <div class="yw-time-picker-panel">
            <div class="yw-time-picker-panel-select yw-time-picker-panel-select-active">
                <ul>
                    <li class="yw-time-picker-panel-select-date">00</li>
                    <li>01</li>
                    <li>02</li>
                    <li>03</li>
                    <li>04</li>
                    <li>05</li>
                    <li>06</li>
                    <li>07</li>
                    <li>08</li>
                </ul>
            </div>
            <div class="yw-time-picker-panel-select yw-time-picker-panel-select-active">
                <ul>
                    <li>00</li>
                    <li>01</li>
                    <li>02</li>
                    <li>03</li>
                    <li>04</li>
                    <li>05</li>
                    <li>06</li>
                    <li>07</li>
                    <li>08</li>
                </ul>
            </div>
            <div class="yw-time-picker-panel-select yw-time-picker-panel-select-active">
                <ul>
                    <li>00</li>
                    <li>01</li>
                    <li>02</li>
                    <li>03</li>
                    <li>04</li>
                    <li>05</li>
                    <li>06</li>
                    <li>07</li>
                    <li>08</li>
                </ul>
            </div>
        </div>
    </div>

</template>

<script>
export default {
    name: "YwTimePicker"
}
</script>

<style lang="scss" scoped>

</style>